<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<script type="text/javascript">
	function selectValue(id, selectId) {
		var valor = document.getElementById(id);
		var select = document.getElementById(selectId);

		valor.value = select.options[select.selectedIndex].value;
	}
</script>
</head>
<body>
	<div id="divEstadoExtintor">
		<fieldset id="estadoExtintor">
			<legend>Estado del Extintor</legend>
			<s:form id="formEstadoExtintor" action="estado.action"
				namespace="/extintor">
				<table>
					<tr>
						<td><s:label value="Cilindro:" for="cilindro" /></td>
						<td><s:textfield id="cilindro" name="cilindro" /></td>
						<td><s:select id="listCilindro" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('cilindro','listCilindro')" /></td>
					</tr>
					<tr>
						<td><s:label value="Base del Extintor:" for="base" /></td>
						<td><s:textfield id="base" name="base" /></td>
						<td><s:select id="listBase" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('base','listBase')" /></td>
					</tr>
					<tr>
						<td><s:label value="Manija fija:" for="manija" /></td>
						<td><s:textfield id="manija" name="manija" /></td>
						<td><s:select id="listManija" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('manija','listManija')" /></td>
					</tr>
					<tr>
						<td><s:label value="Manómetro:" for="manometro" /></td>
						<td><s:textfield id="manometro" name="manometro" /></td>
						<td><s:select id="listManometro" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('manometro','listManometro')" /></td>
					</tr>
					<tr>
						<td><s:label value="Manija de activación:" for="manijaAct" />
						</td>
						<td><s:textfield id="manijaAct" name="manijaAct" /></td>
						<td><s:select id="listManijaAct" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('manijaAct','listManijaAct')" /></td>
					</tr>
					<tr>
						<td><s:label value="Pasador:" for="pasador" /></td>
						<td><s:textfield id="pasador" name="pasador" /></td>
						<td><s:select id="listPasador" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('pasador','listPasador')" /></td>
					</tr>
					<tr>
						<td><s:label value="Manguera y boquilla:" for="manguera" /></td>
						<td><s:textfield id="manguera" name="manguera" /></td>
						<td><s:select id="listManguera" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('manguera','listManguera')" /></td>
					</tr>
					<tr>
						<td><s:label value="Identificación del Extintor:"
								for="identificacion" /></td>
						<td><s:textfield id="identificacion" name="identificacion" />
						</td>
						<td><s:select id="listIdentificacion" name="estado"
								list="estados" listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('identificacion','listIdentificacion')" />
						</td>
					</tr>
					<tr>
						<td><s:label value="Etiqueta CNE:" for="etiqueta" /></td>
						<td><s:textfield id="etiqueta" name="etiqueta" /></td>
						<td><s:select id="listEtiqueta" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('etiqueta','listEtiqueta')" /></td>
					</tr>
					<tr>
						<td><s:label value="Ubicación física:" for="ubicacionf" /></td>
						<td><s:textfield id="ubicacionf" name="ubicacionf" /></td>
						<td><s:select id="listUbicacion" name="estado" list="estados"
								listKey="descripcion" headerKey="-1"
								headerValue="<--Seleccione-->" listValue="descripcion"
								onchange="selectValue('ubicacionf','listUbicacion')" /></td>
					</tr>
					<tr>
						<td><s:label value="Observaciones:" for="observacion" /></td>
						<td colspan="2"><s:textarea id="observacion"
								name="observacion" cssClass="datosGeneral" /></td>
					</tr>
					<tr>
						<td><s:label value="¿Requiere reparación?" for="reparacion" /></td>
						<td colspan="2"><s:checkbox id="reparacion" name="reparacion" /></td>
					</tr>
				</table>
				<s:submit value="Enviar" />
			</s:form>
		</fieldset>
	</div>
</body>
</html>